<!--
 * @Author: 周洋 1430536748@qq.com
 * @Date: 2024-07-25 16:16:39
 * @LastEditors: 周洋 1430536748@qq.com
 * @LastEditTime: 2024-07-25 21:36:36
 * @version: 1.2.3
 * @Description: popover+avatar
-->
<script setup lang="ts">
import { props } from '../prop.ts';
import Avatar from '../default/index.vue';
const { size,name, shape, src,align,popoverWidth } = defineProps(props);
</script>
<template>
    <el-popover placement="bottom" :width="popoverWidth" trigger="hover">
        <template #reference>
            <Avatar :size="size" :src="src" :shape="shape" :name="name" :align="align"/>
        </template>
        <slot />
    </el-popover>
</template>
